body { 
	color: black;
	font-family: Arial, sans-serif;
	font-size: small;
	background-color: #e9e9e1;
	margin:0px auto;
	padding:0px;
}

html {
	background-color: #e9e9e1;
}

p {
	
}

.notePanel {
}

.notePanelDescription {
	background-color: #fff;
	-webkit-box-shadow: 0px 1px 2px #3b3b3b;
	-moz-box-shadow: 0px 1px 2px #3b3b3b;
	box-shadow: 0px 1px 2px #3b3b3b;
	width:305px;
	border-left: thin solid #323232;	
}



h4 {
	display:inline;
	font-family: 'Gill Sans';
	font-weight: normal;
	text-transform: uppercase;
	font-size:8px;
	color: #3C3C3C;	
}

.dateCSS {
	font-family: 'Gill Sans';
	font-weight: normal;
	text-transform: uppercase;
	font-size:10px;
	color: #fff;	
	background: #323232;
	padding:4px;
	padding-left:8px;
	padding-right:8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:5px;
	width:55px;
	text-align:center;
}

.ajoutNoteCSS {
	
	line-height:6px;
	
}
.mainButtonPanel {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding:15px;
	padding-left:25px;
	background-color: #ed2f00;
}

.loginButton {
	font-family: Amaranth;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 0px;
	background: url(images/closed-lock.png) no-repeat 0px;
	background-position: center 15px;
	padding-top:63px;
	}

.loginButton:hover {
	-webkit-transform: scale(1.1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 200ms;	
}

a {	
	color: darkblue;
}

a:visited {	
	color: darkblue; 
}

.gwt-DialogBox {
	border: 2px solid #AAAAAA;
	background-color: white;
}

.gwt-DialogBox .Caption {
	background-image: url(gray_gradient.gif);
	background-repeat: repeat-x;
	padding: 4px;
	padding-bottom: 8px;
	font-weight: bold;
	cursor: default;
}

.gwt-MenuBar {
	background-color: #C3D9FF;
	cursor: default;
}

.gwt-MenuItem {
	font-size: 80%;
	margin: 1px;
	cursor: default;
}

.gwt-MenuItem-selected {
	background-color: #E8EEF7;
}

.gwt-Tree {
}

.gwt-Tree .gwt-TreeItem {
	font-size: 80%;
	cursor: default;
}

.gwt-Tree .gwt-TreeItem-selected {
	background-color: #C3D9FF;
}

.gwt-StackPanel {
	background-color: white;
	border: 1px solid #AAAAAA;
	width: 15em;
}

.gwt-StackPanel .gwt-StackPanelItem {
	background-image: url(blue_gradient.gif);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	cursor: pointer;
	cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
}

.gwt-TabPanel {
	
}

.gwt-TabPanelBottom {
	border-left: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	border-bottom: 1px solid #87b3ff;
}

.gwt-TabBar {
	font-size: smaller;
}

.gwt-TabBar .gwt-TabBarFirst {
	height: 100%;
	border-bottom: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
	border-bottom: 1px solid #87b3ff;
	padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
	border-top: 1px solid #87b3ff;
	border-bottom: 1px solid #87b3ff;
	padding: 2px;
	cursor: hand;
	white-space: nowrap;
	border-right: 1px solid #87b3ff;
}

.gwt-TabBar .gwt-TabBarItem-selected {
	font-weight: bold;
	background-color: #e8eef7;
	border-top: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	border-bottom: 1px solid #e8eef7;
	padding: 2px;
	cursor: default;
	white-space: nowrap;
}

.gwt-PushButton-up {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-up-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-down {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-down-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-up {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-up-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-down {
  background-color: #C3D9FF;
  padding: 2px;
  background-color: #E8F1FF;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-down-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  background-color: #E8F1FF;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-RichTextArea {
	 border:thin solid #EAEAEA;
	-webkit-box-shadow:0px 0px 3px #9E5D23;
	-moz-box-shadow:0px 0px 3px #9E5D23; 
	box-shadow:0px 0px 3px #9E5D23;
	 
	 background-color: none;
}

.gwt-TextArea {
	border: solid 1px #dddddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	border-radius: 4px;
	font-size:12px;
	color:#3F3F3F;
}

.gwt-RichTextToolbar {
  background-color: #C3D9FF;
  padding: 2px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-PushButton-down {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
  margin-right: 2px;
  background-color: #E8F1FF;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
  margin-right: 2px;
  background-color: #E8F1FF;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-HorizontalSplitPanel {
	border: 8px solid #C3D9FF;
}

.gwt-HorizontalSplitPanel .splitter {
	background-color: #C3D9FF;
	cursor: move;
}

.gwt-HorizontalSplitPanel .left {
  background-color: #E8EEF7;
}

.gwt-VerticalSplitPanel {
	border: 8px solid #C3D9FF;
}

.gwt-VerticalSplitPanel .splitter {
	background-color: #C3D9FF;
	height: 8px;
	cursor: move;
}

.gwt-SuggestBoxPopup {
	border: 2px solid #C3D9FF;
}

.gwt-SuggestBoxPopup .item {
	padding: 2px;
}

.gwt-SuggestBoxPopup .item-selected {
	background-color: #C3D9FF;
	padding: 2px;
}

.gwt-DisclosurePanel {
	border: 2px solid #C3D9FF;
}

.gwt-DisclosurePanel .header {
	background-color: #e8eef7;
	cursor: hand;
}

.loginPanel {
	background:#fff;
	-webkit-box-shadow:0px 6px 50px #ccc;
	-moz-box-shadow:0px 6px 50px #ccc; 
	box-shadow:0px 6px 50px #ccc;
}
.contentPanel, .registerPanel {
	padding:15px;
	background-color: #fff;
}
.subButton, .connectButton {
    width: 150px; 
    color: #eee; 
    text-transform: uppercase; 
    margin-top: 10px;
    background-color: #18a5cc;
    border: none;
    -webkit-transition: -webkit-box-shadow 0.3s linear;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18a5cc), to(#0a85a8)); 
    background:  -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc); 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; 
    border-radius: 4px;

    
}
.gwt-TextBox {
	border: solid 1px #dddddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	border-radius: 4px;
	font-size:18pt;
	color:#3F3F3F;
}

.addNoteTextBox {
	font-size:12px;
	border:0px;
	font-family: 'Myriad Pro';
	font-weight:normal;
	padding-left: 12px;
	text-transform: uppercase;
	color : #bd2000;
	padding:4px;
	background:none;
	
}
.gwt-Label {
	font-family: 'Ubuntu';
	font-size:13px;
}
.h2 {
	font-family: 'Ubuntu';
	text-transform: uppercase;
	color: #fff;
	font-size:15px;
	margin-right: 20px;
	
}
.subscribeButton {
	font-family: Amaranth;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 0px;
	background: url(images/user.png) no-repeat 0px;
	background-position: center 15px;
	padding-top:63px;
}

.subscribeButton:hover {
	-webkit-transform: scale(1.1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 200ms;
	}

.videosButton {
	font-family: Amaranth;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 0px;
	background: url(images/video.png) no-repeat 0px;
	background-position: center 15px;
	padding-top:63px;
}

.videosButton:hover {
	-webkit-transform: scale(1.1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 200ms;
	}

.notesButton {
	font-family: Amaranth;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 0px;
	background: url(images/note.png) no-repeat 0px;
	background-position: center 15px;
	padding-top:63px;
}

.notesButton:hover {
	-webkit-transform: scale(1.1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 200ms;
	}


.tachesButton {
	font-family: Amaranth;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 0px;
	background: url(images/user.png) no-repeat 0px;
	background-position: center 15px;
	padding-top:63px;
}

.tachesButton:hover {
	-webkit-transform: scale(1.1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 200ms;
	}

.homeButton {
	font-family: Amaranth;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 0px;
	background: url(images/home.png) no-repeat 0px;
	background-position: center 15px;
	padding-top:63px;
}

.homeButton:hover {
	-webkit-transform: scale(1.1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 200ms;
	}



.mainVerticalPanel {


}
.welcomeTitle {
	font-family: 'Amaranth';
	font-size: 24px;
	color: #3d3d3d;
}
.mainButtonPanelSub {
	background-color:#ff0000;
	margin-top:15px;
}
.subscribePanel {
	padding:35px;
	background-color: #fff;
	-webkit-box-shadow:0px 6px 50px #ccc;
	-moz-box-shadow:0px 6px 50px #ccc; 
	box-shadow:0px 6px 50px #ccc;
}

.infoButton {
	font-family: Amaranth;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 0px;
	background: url(images/clipboard.png) no-repeat 0px;
	background-position: center 15px;
	padding-top:63px;	
}

.infoButton:hover {
	-webkit-transform: scale(1.1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 200ms;	
	}


.buttonActive, .loginActive ,.subscribeActive,.infoActive {
	background-color: #ffd901;
	-webkit-transform: scale(1.1);
	
}
.subButtonLeft{
	border:0px;
	margin:0px;
	padding:7px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-right: thin solid #bebebe;
	background: #f8f8f8;
	min-height:20px;
	color: #000000;
	font-weight:bold;

}

.subButtonAdd{
	background:url(images/addbutton.png) no-repeat 0px;
	border:0px;
	width: 35px;
	height:36px;
	
}

.subButtonRight{
	border:0px;
	margin:0px;
	padding:7px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background: #f8f8f8;
	color: #000000;
	font-weight:bold;
	border-left: thin solid #bebebe;
	margin-right:350px;
	
}
	
.subActiveButton{
	background: #86B91F; /* old browsers */
	background: -moz-linear-gradient(top, #86B91F 0%, #528C07 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86B91F), color-stop(100%,#528C07)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86B91F', endColorstr='#528C07',GradientType=0 ); /* ie */	
	background: -o-linear-gradient(top, #86B91F 0%,#528C07 100%); /* opera */
	color:white;
}
p {
	font-family: 'Ubuntu';
	font-size:13px;
}

.subMenuPanel {
	background: #3C3C3C;
	padding:15px;
	width:700px;
	
}

.subContent {
	padding:20px;
}

.btnDone {
	height:24px;
	width:24px;
	border:0px;	
}

.done {
	background: url(images/tick.png) no-repeat 0px;
}

.undone {
	background: url(images/tick-red.png) no-repeat 0px;
}

.btnEdit {
	height:24px;
	width:24px;
	border:0px;
	background: url(images/write.png) no-repeat 0px;
}

.btnShare {
	background: url(images/comment.png) no-repeat 0px;
	height:24px;
	width:24px;
	border:0px;	
}

.unshare {
	background: url(images/comment-green.png) no-repeat 0px;	
}	
	
.share {
	background: url(images/comment-red.png) no-repeat 0px;	
		
}

.btnDelete {
	height:24px;
	width:24px;
	border:0px;	
	background: url(images/delete.png) no-repeat 0px;		
}

.rightContent {
	width: 565px;
	margin-left: 10px;
	margin-bottom:15px;
	padding:8px;
	padding-top:4px;
	padding-bottom:7px;
	font-family: 'Ubuntu';
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: url(images/note-background-little.png) repeat 0px 0px;
	-webkit-box-shadow: 0px 0px 1px #3b3b3b;
	-moz-box-shadow: 0px 0px 1px #3b3b3b;
	box-shadow: 0px 0px 1px #3b3b3b;
}


.abc {
	font-size:11px;
	padding-left:5px;
	line-height:24px;
}

.buttonPan {
	margin-top:8px;
}

.addNotePanel {
	padding:8px;
	padding-top:4px;
	padding-bottom:7px;
	font-family: 'Ubuntu';
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 1px #3b3b3b;
	-moz-box-shadow: 0px 0px 1px #3b3b3b;
	box-shadow: 0px 0px 1px #3b3b3b;	
	}
	
.noteCSS {
	font-family: 'Myriad Pro';
	font-weight:normal;
	padding-left: 12px;
	text-transform: uppercase;
	color : #bd2000;
	padding:4px;
	
}

.addNoteTextBox {
	color: black;
	text-transform:none;
	border:thin solid #EAEAEA;
	 background: none;	
	 -webkit-border-radius: 4px;
    -moz-border-radius: 4px; 
    border-radius: 4px;
	 -webkit-box-shadow:0px 0px 6px #9E5D23;
	-moz-box-shadow:0px 0px 6px #9E5D23; 
	box-shadow:0px 0px 6px #9E5D23;
}
.flexTableB {
	margin:10px 10px;
}
.errorField{
	border: 1px solid red;
}
.errorText{
	color:red;
}
.successText{
	color:green;
}
.loginPanel tbody tbody{
	margin:0 10px;
}